module.exports = {
  plugins: [
    // 第一个实例：处理宽度相关属性，转换为 vw
    require('postcss-px-to-viewport-8-plugin')({
      viewportWidth: 375,        // 设计稿宽度
      viewportHeight: 667,       // 设计稿高度
      unitPrecision: 5,          // 转换精度
      viewportUnit: 'vw',        // 目标单位：视口宽度
      propList: [
        'width',                 // 宽度
        'min-width',             // 最小宽度
        'max-width',             // 最大宽度
        'left',                  // 左定位
        'right',                 // 右定位
        'padding-left',          // 左内边距
        'padding-right',         // 右内边距
        'margin-left',           // 左外边距
        'margin-right'           // 右外边距
      ],
      selectorBlackList: [],     // 选择器黑名单
      minPixelValue: 1,          // 最小转换值
      mediaQuery: false,         // 不处理媒体查询
      replace: true,             // 替换原值
      exclude: [],               // 排除文件
      landscape: false           // 不启用横屏模式
    }),
    
    // 第二个实例：处理高度相关属性，转换为 vh
    require('postcss-px-to-viewport-8-plugin')({
      viewportWidth: 375,        // 设计稿宽度
      viewportHeight: 667,       // 设计稿高度
      unitPrecision: 5,          // 转换精度
      viewportUnit: 'vh',        // 目标单位：视口高度
      propList: [
        'height',                // 高度
        'min-height',            // 最小高度
        'max-height',            // 最大高度
        'top',                   // 上定位
        'bottom',                // 下定位
        'padding-top',           // 上内边距
        'padding-bottom',        // 下内边距
        'margin-top',            // 上外边距
        'margin-bottom',         // 下外边距
        'line-height'            // 行高
      ],
      selectorBlackList: [],     // 选择器黑名单
      minPixelValue: 1,          // 最小转换值
      mediaQuery: false,         // 不处理媒体查询
      replace: true,             // 替换原值
      
      exclude: [],               // 排除文件
      landscape: false           // 不启用横屏模式
    })
  ]
}
